import React from 'react';
import { Select } from 'antd';
import { useState } from 'react';

export const SelectLang = () => {
  const [language, setLanguage] = useState('en-US');

  const handleChange = (value: string) => {
    setLanguage(value);
    // Implement the language change logic here
    console.log('Language changed to:', value);
    // For example, you could integrate with i18n or other language management tools
  };

  return (
    <Select
      value={language}
      style={{ width: 100, padding: 4 }}
      onChange={handleChange}
    >
      <Select.Option value="en-US">English</Select.Option>
      <Select.Option value="zh-CN">中文</Select.Option>
      <Select.Option value="fr-FR">Français</Select.Option>
      {/* Add more languages as needed */}
    </Select>
  );
};
